<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>login</title>
    <link href="favicon.ico" rel="shortcut icon"/>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style=" background: url(https://img.zcool.cn/community/019e835c611d92a801203d22c2cb34.jpg@1280w_1l_2o_100sh.jpg) no-repeat center center fixed; background-size: 100%;">


<div class="modal-dialog" style="margin-top: 10%;">
    <div class="modal-content">
        <div class="modal-header">

            <h4 class="modal-title text-center" id="errorMsh" th:text="${session.SPRING_SECURITY_LAST_EXCEPTION}"></h4>
        </div>

        <div class="modal-header">

            <h4 class="modal-title text-center" id="myModalLabel">自定义登录页面</h4>
        </div>

        <form id="loginForm" class="form" th:action="@{/doLogin}" method="post">
            <div class="modal-body" id="model-body">

                <div class="form-group">
                    <label for="username" class="text-info">用户名：</label>
                    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="password" class="text-info">密码：</label>
                    <input type="password" id="password" name="password" class="form-control" placeholder="请输入密码"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="kaptcha" class="text-info">验证码：</label>
                    <input type="text" name="kaptcha" id="kaptcha" class="form-control" placeholder="请输入密码"
                           autocomplete="off">
                    <img src="/verify.jpg" alt="">
                </div>
                <label for="rememberMe" class="text-info">记住我：</label>
                <input type="checkbox" name="rememberMe" id="rememberMe"  autocomplete="off">
            </div>
            <div class="modal-footer">
                <div class="form-group">
                    <input type="submit" class="form-control btn btn-info btn-md" name="submit" value="登陆"
                           autocomplete="off">
                </div>
            </div>
        </form>
    </div>
</div>

</body>
</html>